
{% assign defaultEmpty = 'banner@2x.png' | public_asset_abs_url %}


{%- capture bolg_handle -%}
{%- if blog.handle and blog.handle != "" -%}
/blogs/{{ blog.handle }}
{%- else -%}
javascript:;
{%- endif -%}
{%- endcapture -%}

<div class="blog-item blog-item-{{section.settings.text_alignment}}">
  <a class="blog-item-image" href="{{bolg_handle}}">
    <img class="lazyload" data-src="{{blog.src}}" src="{{ defaultEmpty }}" alt="{{ blog.title }}">
  </a>

  {% if section.settings.author %}
  <p class="blog-item-author padding-bottom-10 font-size-14">{{ blog.author_name | default :'Author' | upcase }}</p>
  {% endif %}

  <a class="blog-item-name padding-bottom-10 text-white-space font-size-16" href="{{bolg_handle}}">{{ blog.title  | default :"The Comfy Lounge Chair" }}</a>

  {% if section.settings.date %}
  <div class="blog-item-time font-size-14">{{ blog.published_at | date: "%Y-%m-%d" | default :"YYYY-MM-DD" }}</div>
  {% endif %}

  {% if section.settings.blog_descript %}
  <div class="blog-item-descript padding-top-10 font-size-14 line-clamp2" >{{ blog.descript | default :"Drawing on The Office Group’s extensive knowledge of workplace needs, the Co Chair pairs a lightweig…" }}</div>
  {% endif %}
</div>